<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Yellow Effects by CMG Technologies</title>
<link href="yellow-effectz.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
<script type="text/javascript">
//Call when a All use case is completed inspection
function completedUseCase(){
	alert("You have completed the inspection process. Thanks for your Time");
	window.close();
	
}
//-------------------------------
function IsCompleteACtive(){
	document.getElementById('completeusecase').disabled = false;
	
	
	}
	//--------------------------------------
function pauseplay(){
		//alert("ssodisioduis"+document.getElementById('pause').innerHTML);
	if(document.getElementById('pause').innerHTML == "PAUSE")
	{
		document.getElementById('pause').innerHTML = "PLAY";
	}
	else
	{
		
		document.getElementById('pause').innerHTML = "PAUSE";	
		
	}
}
		//-------------------------------------------
		function toggle(listElem){

	//		alert(listElem);
	 if(document.getElementById(listElem).style.display ==  "block")
	{
		 
		document.getElementById(listElem).style.display = 'none';
	}
	else if(document.getElementById(listElem).style.display == "none")
	{
 		document.getElementById(listElem).style.display = 'block';
	}
		
}
	
</script>
	<style type="text/css" media="screen">
		/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.listElem{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#009;
		padding:5px;
		cursor:pointer;}
		
		#timer{margin-left: 770px;
font-family: cursive;
background-color: wheat;text-align: center;}
		body{background-color:whitesmoke;}
		#pause{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;
		font-size:24px; color:#F00;}
		#rightContainer{
	position: absolute;
top: 50px;
background-color: snow;
min-height: 700px;
width: 220px;
left: 770px;
border: 3px solid gray;
border-image: initial;
		}
		#leftCotainer{
			border: 3px solid gray;
			float:left;}
		.slides_container {
			position:absolute;
			width:470px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:470px;
			height:170px;
			display:block;
		}
		.prev{margin-left: 180px;color: slateBlue;
text-decoration: none;
font-size: 20px;}
		.next{margin-left: 701px;color: slateBlue;
text-decoration: none;
font-size: 20px;}
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
float: left;
list-style: none;
margin-bottom: 76px;
padding: 0;
position: absolute;
background-color: snow;
min-height: 700px;
width: 170px;
border:3px solid gray;}

		/*
			Optional:
		
		Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
			background-image:url(checked.png);
			background-repeat:no-repeat;
			background-position:left;
		}
	</style>
	<script src="jquery.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				generateNextPrev: true
			});
		});
	

function Inspectorchecked(){
	
	
	
	alert(" one or more inspectors have Selected");
	}

</script>
</head>

<body>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="50%" height="120"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="42" valign="bottom"><a href="index.jsp" class="logo">Pensieve</a></td>
          </tr>
          <tr>
    <td><a href="index.jsp" class="tag">A SOftware Requirement Inspection Software</a></td>
          </tr>
        </table></td>
        <td valign="bottom" style="padding-bottom:8px;"><table width="60%" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td width="15"><img src="images/img04.gif" alt="Home" width="11" height="10" /></td>
            <td><a href="index.jsp" class="topmenu">Admininistrator</a></td>
            <td width="15">&nbsp;</td>
            <td>&nbsp;</td>
            <td width="15">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="10"></td>
  </tr>
  <tr>
    <td height="40">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="220" valign="top"></td>
        </tr>
    </table></td>
  </tr>
  <tr>
<td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    
  </tr>
</table>

<!--
<div id="leftCotainer">
sdlklskdl;
sdsdsdsdsd

sd
sd
sd
sd
sd
sd
s
</div>-->
	<div id="slides">
	<div class="slides_container" style="margin-left: 355px; min-height: 700px; overflow-x: hidden; overflow-y: hidden; position: absolute; display: block; background-color: whitesmoke;color: slategrey;">



			<div style="position:absolute">
				<h1 id="rtrtrt">Usecase 1</h1>
				<b>Use case description</b>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim</p>
                <b>Use case preconditions</b>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim</p>
                <b>Usecase post conditions</b>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim</p>
                <b>Use case main Flow</b>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim</p>
                <b>Use case Alternative flow</b>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim</p>
                
                
                
                <div id="lowerAreaOfSlide">
            
            
            
            <input type="text" name="description" id="description" placeholder="Add descriptoin for this use case" style="
    height: 35px;
    width: 460px;
    background-color: snow;
">

<br>
<br>

            <input type="button" onClick="completedUseCase()" disabled="true" name="copmleteusecase" id="completeusecase" value="Complete" style="
    background-color: wheat;
    height: 35px;
    width: 85px;
">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <span id="pause" onClick="pauseplay()">PAUSE</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" value="Pass" onClick="IsCompleteACtive()">Pass</input>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" value="Fail" onClick="IsCompleteACtive()"> Fail</input>
            </div>
            
            
            
                
                
			</div>
			
            <div>
				<h1>Slide 2</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
			<div>
				<h1>Slide 3</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
			<div>
				<h1>Slide 4</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
            
            
            <div>
				<h1>Slide 5</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
            <div>
				<h1>Slide 6</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
            <div>
				<h1>Slide 7</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
            <div>
				<h1 id="rtrtrt">Slide 8</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
            
		</div>
      <div id="rightContainer">
               <h1 style="
    margin-top: -1px;
">Check List</h1>

        <ol style="">
        
        <li class="listElem1"  style="cursor:pointer;" onClick="toggle('plistElem1')">Checkt List Heading 1</li><p id="plistElem1"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">sssdsoiudhsoiduygsdiush dsp dpsd pdsidp dspi dpdsp dpsid psdi psdip psdip dpsd pd spdip dspidps dpispdi ps dpsid p spdipsd psdi psd ipsdi psidops idsod sod osid posd sod iosd iduyfdsiofi</p>
        <li class="listElem2" onClick="toggle('plistElem2')">Checkt List Heading 2</li><p id="plistElem2"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem3" onClick="toggle('plistElem3')">Checkt List Heading 3</li><p id="plistElem3"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem4" onClick="toggle('plistElem4')">Checkt List Heading 4</li><p id="plistElem4"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem5" onClick="toggle('plistElem5')">Checkt List Heading 5</li><p id="plistElem5"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem6" onClick="toggle('plistElem6')">Checkt List Heading 6</li><p id="plistElem6"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem7" onClick="toggle('plistElem7')">Checkt List Heading 7</li><p id="plistElem7"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem8" onClick="toggle('plistElem8')">Checkt List Heading 8</li><p id="plistElem8"  style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        <li class="listElem9" onClick="toggle('plistElem9')">Checkt List Heading 9</li><p id="plistElem9" style="display:none; color:#666; background:#FFF; font-family:'Comic Sans MS', cursive;">siduyfdsiofi</p>
        </ol>
        </div>
        <div id="timer">Welcome moderator</div>
	</div>


</body>
</html>
